div.list-container {
  position: relative;
  padding: 10px;
  height: 420px;
  border-radius: 0;
  background-color: transparent;
  overflow: auto;
}
div.scrollbar{
  width : 30px;
  height: auto;
  margin: 0 auto;
}
div#list-container.list-container::-webkit-scrollbar{
  width: 10px;
  height: 1px;
}
div#list-container.list-container::-webkit-scrollbar-thumb{
  border-radius: 0px;
  /* box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); */
  background   : #CCCCCC;
}
div#list-container.list-container::-webkit-scrollbar-track{
  /* box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2); */
  border-radius: 0px;
  background   : #ededed;
}
div#list-item.list-item-style{
  line-height: 25px;
  font-weight: 500;
}
div#list-item span{ 
  display:inline-block !important; 
  display:inline;
  font-weight: 600;
}
span#list-item-name.list-item-name-style{
  margin: 2px;
  border-radius: 10px;
  background-color: aqua;
  padding: 0 5px;
  color: white;
  font-weight: 300;
}
span#list-item-content.list-item-content-style{
  margin: 3px;
  padding: 0 2px;
  color: black;
  font-weight: 650;
}

.sc-small-container{
  position: relative;
  width: 100%;
  height: 30px;
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 5px;
  display: flex;
  overflow-y: hidden;
  overflow-x: auto;
}

div.sc-scollor{
  width : 10px;
  height: auto;
  margin: 0 auto;
}
div.sc-small-container::-webkit-scrollbar{
  width: 10px;
  height: 2.5px;
}
div.sc-small-container::-webkit-scrollbar-thumb{
  border-radius: 0px;
  /* box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); */
  background   : #CCCCCC;
}
div.sc-small-container::-webkit-scrollbar-track{
  /* box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2); */
  border-radius: 0px;
  background   : #ededed;
}
